<template>
<div>
<!--  头部-->
  <IndeHeader></IndeHeader>
  <div class="Box">
<!--    ×-->
  <div class="Cha"><i class="el-icon-close"></i></div>
<!--    标题-->
    <div class="Title">标题</div>
<!--    时间-->
    <div class="Time">时间</div>
<!--    内容-->
    <div class="Content">内容</div>
<!--    格子-->
    <div class="grid"></div>
  </div>
</div>
</template>

<script>
import IndeHeader from "@/components/IndeHeader";
export default {
name: "Dynamicpages",
  components:{
    IndeHeader,
  }
}
</script>

<style scoped lang="less">
.Box {
  position: relative;
  width: 1200px;
  margin: 10px auto 0;
  height: 1000px;
  background: rgba(255, 255, 255, 1);
  //background-color: black;
  //  ×
  .Cha {
    position: absolute;
    right: 30px;
    top: 30px;
    width: 16px;
    height: 16px;
  }

  //标题
  .Title {
    padding-top: 80px;
    text-align: center;
    color: rgba(48, 48, 48, 1);
    font-size: 24px;
  }

  //时间
  .Time {
    margin-top: 20px;
    color: rgba(0, 0, 0, 0.25);
    font-size: 14px;
  }
  //内容
  .Content{
    width: 1040px;
    height: 208px;
    color: rgba(48, 48, 48, 1);
    font-size: 16px;
    line-height: 26px;
    margin:40px  auto 0;
    text-align: left;
  }
  //格子
  .grid{
    width: 1040px;
    height: 400px;
    background: rgba(196, 196, 196, 1);
    margin:30px auto 0;
  }
}
</style>